<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:composition>
		<div id="header-body">
            <div id="header">
                <div id="logo-user">
                    <div class="logo">
                    	<h:graphicImage name="magenta-logo.png" library="images"/>						
					</div>
                    <div class="userinfo">
						<div>my account <span>|</span> login <span>|</span> register</div>
						<div><h:graphicImage name="shp-cart-icon.png" library="images"/>&nbsp;&nbsp;your shopping basket <span>[0]</span> total <span>&pound;0.00</span></div>
                    </div>
                </div>
	           <div id="topnav-body">
	                <div id="topnav">
	                    <ul>
							<li class="home"><a href="#{facesContext.externalContext.requestContextPath}/home.jsf"><h:graphicImage name="hm-nav-icon.png" library="images"/> home&nbsp;</a></li>
	                        <li><a href="#{facesContext.externalContext.requestContextPath}/pages/cart/uploadPhotos.jsf">upload photos</a></li>
							<li><a href="#{facesContext.externalContext.requestContextPath}/pages/manageAlbums.jsf">manage albums</a></li>
							<li><a href="#{facesContext.externalContext.requestContextPath}/pages/studioLocations.jsf">studio locations</a></li>
							<li><a href="#{facesContext.externalContext.requestContextPath}/pages/products.jsf">shop products</a></li>
							<li><a href="#{facesContext.externalContext.requestContextPath}/pages/secure/adminHome.jsf">administration</a></li>
							<li><a href="#{facesContext.externalContext.requestContextPath}/pages/aboutUs.jsf">about us</a></li>
							<li class="last"><a href="#{facesContext.externalContext.requestContextPath}/pages/contactUs.jsf">contact us</a></li>
	                    </ul>	                    	                   
	                </div>
	            </div>
	         </div>   
        </div>        
	</ui:composition>
</html>